{% extends 'base/front_base.html' %}
{% block title %}搜索 - 小饭桌{% endblock %}
{% block header %}
    <link rel="stylesheet" href="{% static 'css/search/search.min.css' %}">
{% endblock %}
{% block footer %}

{% endblock %}
{% block main %}
    <div class="main">
        <!-- wrapper  -->
        <div class="wrapper">
            <div class="news-wrapper">
                <!-- search  -->
                <div class="search-wrapper">
                    <div class="search-group">
                        <input type="text" placeholder="search...">
                        <button class="search-btn">搜索</button>
                    </div>
                </div>
                <!-- news  -->
                <div class="news-list-wrapper">
                    <h3 class="search-title">热门推荐</h3>
                    <ul class="news-list-ul">
                        <li class="list-item">
                            <a href="#">
                                <div class="thumbnail-group">
                                    <img src="https://static-image.xfz.cn/1576667504_891.png-website.news.list" alt="">
                                </div>
                                <div class="content-group">
                                    <div class="c-title">万亿规模大票零担物流市场，能否诞生下一个“四通一达” | 什么值得投</div>
                                    <div class="c-desc">快递快运等巨头势必也会盯上这块大蛋糕</div>
                                    <div class="c-more">
                                        <span class="c-more-type">物流</span>
                                        <span class="c-more-time">2019年12月18日 </span>
                                        <span class="c-more-author">柴容</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="list-item">
                            <a href="#">
                                <div class="thumbnail-group">
                                    <img src="https://static-image.xfz.cn/1576667504_891.png-website.news.list" alt="">
                                </div>
                                <div class="content-group">
                                    <div class="c-title">万亿规模大票零担物流市场，能否诞生下一个“四通一达” | 什么值得投</div>
                                    <div class="c-desc">快递快运等巨头势必也会盯上这块大蛋糕</div>
                                    <div class="c-more">
                                        <span class="c-more-type">物流</span>
                                        <span class="c-more-time">2019年12月18日 </span>
                                        <span class="c-more-author">柴容</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="list-item">
                            <a href="#">
                                <div class="thumbnail-group">
                                    <img src="https://static-image.xfz.cn/1576667504_891.png-website.news.list" alt="">
                                </div>
                                <div class="content-group">
                                    <div class="c-title">万亿规模大票零担物流市场，能否诞生下一个“四通一达” | 什么值得投</div>
                                    <div class="c-desc">快递快运等巨头势必也会盯上这块大蛋糕</div>
                                    <div class="c-more">
                                        <span class="c-more-type">物流</span>
                                        <span class="c-more-time">2019年12月18日 </span>
                                        <span class="c-more-author">柴容</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- more-btn  -->
                <div class="more-news">
                    <button class="more-btn">查看更多</button>
                </div>
            </div>
            {% include 'common/sidebar.html' %}
        </div>
    </div>
{% endblock %}